.z-action-sheet {
  margin-top: initial;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
}

@keyframes dialog-fade-in-2 {
  0% {
    transform: translate3d(0,100% , 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes dialog-fade-out-2 {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}

.z-action-sheet__wrapper {
  &.dialog-fade-enter-active {
    animation-name: dialog-fade-in-2;   //设置 进入自定义动画
  }

  &.dialog-fade-leave-active {
    animation-name: dialog-fade-out-2; //设置  退出 自定义动画
  }
}


